.ModuleImgHorizontalScroll {
  width: 100%;

  .img-container {
    display: flex;
    flex-direction: row;

    width: 100%;
    box-sizing: border-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;

    padding-left: 30px;

    &::after {
      flex: 0 0 30px;
      display: block;
      width: 30px;
      height: 100%;
      min-height: 0.1px;
      content: "";
    }

    &::-webkit-scrollbar {
      width: 0;
      height: 0;
      color: transparent;
      display: none;
    }

    box-sizing: border-box;

    .img-item {
      overflow: hidden;

      &:last-of-type {
        margin-right: 0 !important;
      }

      .img {
        width: 100%;
        height: 100%;

        object-fit: cover;

        img {
          object-fit: cover;
        }
      }
    }
  }
}
